.page {
    width: 100%;
    height: 100%;
    display: flex;

    :global {

        .left {
            width: 200px;
            height: 100%;
            overflow-y: auto;
            border-right: 1px solid rgb(228, 228, 228);
            display: flex;
            flex-direction: column;

            .left-header {
                display: flex;
                padding: 5px 5px;

                .title {
                    font-weight: 600;
                    flex: 1;
                    text-align: center;
                }

                .btn {
                    cursor: pointer;

                }
            }

            .list {
                width: 100%;
                background-color: white;
                height: 100%;
                flex: 1;
                overflow-y: auto;
                padding: 5px 5px;

                .list-item {
                    width: 100%;


                    .space {
                        display: flex;
                        justify-content: space-between;

                        .list-item-container {
                            cursor: pointer;
                            padding: 5px 10px;
                            color: black;

                            &:hover {
                                // background-color: rgba(223, 247, 255, 1);
                                color: #13c2c2;
                            }
                        }

                        .active {
                            color: #13c2c2;
                        }

                        .deleteBtn {
                            cursor: pointer;

                            &:hover {
                                // background-color: rgba(223, 247, 255, 1);
                                color: #c21353;
                            }
                        }
                    }



                }
            }
        }

        .right {
            flex: 1;

            .right-header {
                height: 100%;
                overflow: hidden;
                padding: 5px 10px;
                display: flex;
                flex-direction: column;

                .uself-tabs {
                    width: 100%;
                }

                .uself-table {
                    flex: 1;
                    width: 100%;
                    overflow-y: auto;
                }
            }

            .ant-table,
            .ant-table-thead>tr>th {
                background-color: rgba(0, 0, 0, 0) !important;
            }

            .ant-table {
                border: none !important;
            }
        }
    }
}

.check {
    padding: 5px 0;
}